{% extends "base.html" %}
{% block middle %}
    <section class="center-align" id="comment-area">
                    <hr>
                    <h3>留言</h3>
                    <form action="/send_message/" method="post" class="comment-form">
                        {% csrf_token %}
                        <div class="row">
                            <div class="col-md-4">
                                <label for="id_name">名字：</label>
                                <input type="text" id="id_name" name="name" required>
                            </div>
                            <div class="col-md-4">
                                <label for="id_email">邮箱：</label>
                                <input type="email" id="id_email" name="email" required>
                            </div>
                            <div class="col-md-4">
                                <label for="id_url">网址：</label>
                                <input type="text" id="id_url" name="url">
                            </div>
                            <div class="col-md-12">
                                <label for="id_comment">留言：</label>
                                <textarea name="comment" id="id_comment" required></textarea>
                                <button type="submit" class="comment-btn">发表</button>
                            </div>
                        </div>    <!-- row -->
                    </form>
    <div class="comment-list-panel">
                        <h3>评论列表，共 <span>{{ comments_num }}</span> 条评论</h3>
{#                        <ul class="comment-list list-unstyled">#}
{#                            {% for comment in comments %}#}
{#                            <li class="comment-item">#}
{#                                <span class="nickname">{{ comment.name }}</span>#}
{#                                <time class="submit-date" datetime="2012-11-09T23:15:57+00:00">{{ comment.created_time }}</time>#}
{#                                <div class="text">#}
{#                                    {{ comment.text }}#}
{#                                </div>#}
{#                            </li>#}
{#                            {% endfor %}#}
{#                        </ul>#}
                    </div>
                </section>


{% endblock %}